import React, { useState } from 'react'
import caseimg from '../../assets/case.png'
import { Tabs } from 'antd-mobile'
import News from './news/Index'
import Hot from './hot/Index'

function Index() {
  const [active, setActive] = useState('news')
  return (
    <div>
      <h3 style={{textAlign:'center'}}> 患者案例</h3>
      <img src={caseimg} alt="case" style={{textAlign:'center',width:'100%'}}/>
      <div style={{background:'#fff'}}>
        <Tabs activeKey={active} onChange={setActive} style={{'--active-line-color':'#1677ff','--active-title-color':'#1677ff'}}>
          <Tabs.Tab title='最新' key='news'>
            <News />
          </Tabs.Tab>
          <Tabs.Tab title='最热' key='hot'>
            <Hot />
          </Tabs.Tab>
        </Tabs>
      </div>
    </div>
  )
}


export default Index
